<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="format-detection" content="telephone=no">
	<title>订单列表</title>
	<link rel="stylesheet" type="text/css" href="../../Public/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/main.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/my.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/list.css">
	<script type="text/javascript" src="../../Public/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../Public/js/rem.js"></script>
	<script type="text/javascript" src="../../Public/js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
	<style type="text/css">
		.order_list li{padding: 0.2rem 0.2rem 0;height: 2rem;line-height: 2rem;margin-bottom: 0.05rem;}
	</style>
</head>
<body>
	<!-- head start -->
	<header class="header psa clear bg-color1 bg-color3">
		<span class="back-button" onclick="history.go(-1)">
			<i></i>
			订单列表
		</span>
	</header>
	<!-- head end -->

	<!-- content start -->
	<section class="mt9">
		<ul class="jy_list order_list">
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_failed">待发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_failed">待发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_failed">待发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_success">已发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_success">已发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="#" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_success">已发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
			<li>
				<p class="clear info_item">
					<span class="fl">订单编号：123456789456</span>
					<span class="fr bra5 btn_success">已发货</span>
				</p>
				<p class="info_item clear">
					<span class="fl">总金额：123</span>
					<a href="../list_details/order_list_details.html" class="bra5 link_success fr">点击查看</a>
				</p>
				<p class="info_item clear">
					<span class="fl bra5 btn_success">已支付</span>
					<span>申通快递</span>		
					<span class="fr">2017-5-20 13:14</span>	
				</p>		
			</li>
		</ul>
		<div class="page">
			<a class="active" href="javascript:;">1</a>
			<a href="javascript:;">2</a>
			<a href="javascript:;">3</a>
			<a href="javascript:;">4</a>
			<a href="javascript:;">5</a>
			<span><a href="javascript:;">&gt;</a></span>
			<span><a href="javascript:;">尾页</a></span>
		</div>
	</section>
	<!-- content end -->
	<script>
		var eles = document.querySelectorAll(".page>a");
		for(var i = 0 ; i < eles.length ; i++){
			eles[i].addEventListener("click",function(){
				for(var j = 0; j < eles.length ; j++){
					eles[j].className=''
				};
				this.className="active";
			},false)
		}
	</script>
	
</body>
</html>